<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<ui:composition template="/pages/template/template.xhtml">
	<ui:define name="scripts">
		<script type="text/javascript">
			function calcularMetrosQuadrados(valor){
				var largura= $("input[id*=':largura']").val();
				var altura = $("input[id*=':altura']").val();
				
				if((largura != '') &amp;&amp; (altura != '')){
					$("input[id*=':mQuadrado']").val(largura * altura);
				}else{
					$("input[id*=':mQuadrado']").val("");
				}
			}
		</script>
	</ui:define>
	<ui:define name="titulo">

	</ui:define>
	<ui:define name="conteudo">
	
		<table class="tabela_interna">
			<tr>
				<th colspan="3">INFORMAÇÕES DO ARQUIVO</th>
			</tr>
			<tr>
				<td width="40%" class="td_label"> Produto: </td>
				<td colspan="2"> <h:outputText value="#{uploadArquivoMangedBean.detalhamentoComunicacaoVisualDto.produto}"/> </td>
			</tr>
			<tr>
				<td class="td_label">Nome para identificação do trabalho:</td>
				<td colspan="2"><h:inputText value="#{uploadArquivoMangedBean.detalhamentoComunicacaoVisualDto.nomeIdentificacao}" style="width: 200px;"/></td>
			</tr>
			<tr>
				<td class="td_label">Quantidade:</td>
				<td colspan="2"><h:inputText value="#{uploadArquivoMangedBean.detalhamentoComunicacaoVisualDto.quantidadeTotal}" size="2"/></td>
			</tr>
			<tr>
				<td class="td_label">Formato (L x A):</td>
				<td> 
					<h:inputText value="#{uploadArquivoMangedBean.detalhamentoComunicacaoVisualDto.largura}" size="2" onblur="javascript: calcularMetrosQuadrados();" id="largura"/> 
						X
					<h:inputText value="#{uploadArquivoMangedBean.detalhamentoComunicacaoVisualDto.altura}" size="2" onblur="javascript: calcularMetrosQuadrados();" id="altura" /> 
				</td>
				<td width="12%" align="center">
					<table>
						<tr>
							<td>M² Total</td>	
						</tr>
						<tr>
							<td><h:inputText
								value="#{uploadArquivoMangedBean.detalhamentoComunicacaoVisualDto.quantidadeTotal}"
								size="2" readonly="true" id="mQuadrado"/>
							</td>		
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td class="td_label">Tipo Entrega:</td>
				<td colspan="2">
					<select style="width: 130px;overflow: hidden;">
						<option>- Selecione -</option>
						<option>Loja 1</option>
						<option>Loja 2</option>
						<option>Loja 3</option>
						<option>Loja 4</option>
					</select>
				</td>
			</tr>
		</table>
	</ui:define>
</ui:composition>
</html>
